<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品</title>
    <script>
        // 第一题
        document.write("第一题<br>");
        document.write("本次打折商品有：" + "<br />");
        var dz = ["Nike背包","Adidas运动衫",'李宁运动鞋',"Kappa外套","361°腰包"];
        for(var i = 0; i<dz.length;i++){
            document.write(dz[i]+"<br>");
        }
        // 第二题
        document.write("<br>第二题<br>");
        document.write("商场做出改变后，本次打折商品有：" + "<br />");
        dz.shift();
        dz.push("Adidas运动裤");
        document.write("本次打折的商品有：<br>");
        for(var i = 0; i<dz.length;i++){
            document.write(dz[i]+"<br>");
        }
        // 第三题
        document.write("<br>第三题<br>");
        document.write(" 商场做出改变后，本次打折商品有：" + "<br />");
        var dz = new Array("Nike背包", "Adidas运动衫", "李宁运动鞋", "Kappa外套", "361°外套");
        console.log(dz.shift());
        console.log(dz.push("Adidas运动裤")); 
        console.log(dz.splice(1, 1, "特步运动鞋"));           
        for(var i = 0; i < dz.length; i++) {
            document.write(dz[i] + "<br />");
        } //输出      数组遍历输出
        document.write("<br /><br />本次打折商品有：<br />");
        document.write(dz.join("、")); //第四题 改为字符串，用顿号分割开
    </script>

</head>
<body>
    
</body>
</html>